<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel = "Shortcut Icon" href="./images/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米官网</title>
    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="floating">
        个人博客 codelei.cn 欢迎光临
    </div>
    <header></header>
<nav>
    <header>
        <ul class="left">
            <li><a href="javascript:;">小米商城</a><span>|</span></li>
            <li><a href="./miui.html">MIUI</a><span>|</span></li>
            <!-- <li><a href="javascript:;">loT</a><span>|</span></li>
            <li><a href="javascript:;">云服务</a><span>|</span></li>
            <li><a href="javascript:;">金融</a><span>|</span></li>
            <li><a href="javascript:;">有品</a><span>|</span></li>
            <li><a href="javascript:;">小爱开放平台</a><span>|</span></li>
            <li><a href="javascript:;">企业团购</a><span>|</span></li>
            <li><a href="javascript:;">资质证照</a><span>|</span></li>
            <li><a href="javascript:;">协议规则</a><span>|</span></li>
            <li><a href="javascript:;">下载app</a><span>|</span></li>
            <li><a href="javascript:;">Slecte Location</a><span></span></li> -->
        </ul>
        <!-- 鼠标移动显示商品下拉框 -->
        <div class="slider_show">
            <div>
                <img src="./images/redmi note.jpg" alt="">
                <p href="javascript:;">redmi note20</p>
                <p>2999元</p>
            </div>
            <div>
                <img src="./images/count1.jpg" alt="">
                <p href="javascript:;">redmi note20</p>
                <p>2599元</p>
            </div>
            <div>
                <img src="./images/redmi note.jpg" alt="">
                <p href="javascript:;">redmi note20</p>
                <p>2999元</p>
            </div>
            <div>
                <img src="./images/count1.jpg" alt="">
                <p href="javascript:;">redmi note20</p>
                <p>2599元</p>
            </div>
            <div>
                <img src="./images/redmi note.jpg" alt="">
                 <p href="javascript:;">redmi note20</p>
                <p>2999元</p>
            </div>
        </div>
        <ul class="right">
            <li><a href="login.html">登录</a><span>|</span></li>
            <li><a href="register.html">注册</a><span>|</span></li>
            <li><a href="javascript:;">消息通知</a><span></span></li>
            <li class="buycar"><a href="javascript:;"> <img src="./images/buycar.png" alt=""> 购物车 (0)</a>
            <div class="show">
                您还没有选购商品,立即去选购吧!
            </div>
            </li>
        </ul>
    </header>
    <!-- 头部中间导航分 -->
    <section>
        <div class="logo_home">
            <img src="./images/home.png" alt="">
            <img src="./images/mi.png" alt="">
        </div>
        <ul>
            <li><a href="javascript:;">小米手机</a></li>
            <li><a href="javascript:;">Redmi 红米</a></li>
            <li><a href="javascript:;">电视</a></li>
            <li><a href="javascript:;">笔记本</a></li>
            <li><a href="javascript:;">家电</a></li>
            <li><a href="javascript:;">路由器</a></li>
            <li><a href="javascript:;">智能硬件</a></li>
            <li><a href="javascript:;">服务</a></li>
            <li><a href="javascript:;">社区</a></li>
        </ul>
        <div class="search">
            <input type="text" placeholder="输入商品">
            <img src="./images/search.png" alt="">
        </div>
    </section>
        <div id="app">
                <div class="swiper_tabbar">
                    <ul>
                        <li><a href="javascript:;">手机 电话卡</a><span></span></li>
                        <li><a href="javascript:;">电视 盒子</a><span></span></li>
                        <li><a href="javascript:;">笔记本 平板</a><span></span></li>
                        <li><a href="javascript:;">家电 插线板</a><span></span></li>
                        <li><a href="javascript:;">出行 穿戴</a><span></span></li>
                        <li><a href="javascript:;">智能 路由器</a><span></span></li>
                        <li><a href="javascript:;">电源 配件</a><span></span></li>
                        <li><a href="javascript:;">健康 儿童</a><span></span></li>
                        <li><a href="javascript:;">耳机 音箱</a><span></span></li>
                        <li><a href="javascript:;">生活 箱包</a><span></span></li>
                    </ul>
                </div>
                <div class="right_slider">
                    抱歉没有数据，这里提供不了图片！
                </div>
                <div id="box">
                    <!-- 图片部分 -->
                        <div class="content">
                            <img src="./images/img8.jpg" alt="">
                            <img src="./images/img7.jpg" alt="">
                            <img src="./images/img1.jpg" alt="">
                            <img src="./images/img2.jpg" alt="">
                            <img src="./images/img3.jpg" alt="">
                            <img src="./images/img4.jpg" alt="">
                            <img src="./images/img5.jpg" alt="">
                            <img src="./images/img6.jpg" alt="">
                        </div>
                        <!-- 指示器 -->
                        <div class="direction"></div>
                        <!-- 按钮 -->
                        <i class="prevent">
                            <img src="./images/prevent.png" alt="">
                        </i><i class="next">
                            <img src="./images/next.png" alt="">
                        </i>
                </div>
            </div>
            <div class="center_tabbar">
                <div class="nav_tabbar">
                <div><a href="javascript:;"><img src="./images/mi-icon1.png" alt="">小米秒杀</a></div>
                <div><a href="javascript:;"><img src="./images/mi-icon2.png" alt="">企业团购</a></div>
                <div><a href="javascript:;"><img src="./images/mi-icon3.png" alt="">F码通道</a></div>
                <div><a href="javascript:;"><img src="./images/mi-icon4.png" alt="">米粉卡</a></div>
                <div><a href="javascript:;"><img src="./images/mi-icon5.png" alt="">以旧换新</a></div>
                <div><a href="javascript:;"><img src="./images/mi-icon6.png" alt="">话费充值</a></div>
                </div>
                <img src="./images/redmi k20.jpg" alt="">
                <img src="./images/mi9.jpg" alt="">
                <img src="./images/mi wacth.jpg" alt="">
            </div>
</nav>
<!-- 右边侧边栏部分 -->
<div class="right_tabbar">
    <div>
        <img src="./images/phone.png" alt="">
        <p>手机APP</p>
    </div>
    <div>
        <img src="./images/profile.png" alt="">
        <p>个人中心</p>
    </div>
    <div>
        <img src="./images/weixiu.png" alt="">
        <p>售后服务</p>
    </div>
    <div>
        <img src="./images/service.png" alt="">
        <p>人工客服</p>
    </div>
    <div>
        <img src="./images/car.png" alt="">
        <p>购物车</p>
    </div>
</div>
<div class="count_down">
    <div class="center_nav"> 
            <div class="count_header">小米闪购
                <div class="right_btn">
                    <button class="back"><</button>
                    <button class="last">></button>
                </div>
            </div>
            <div class="item_content">
                    <div class="discript">
                            <p class="discript_time">10:00 场</p>
                            <img src="./images/light.png" alt=""></img>
                            <p class="ps">距离结束还有</p>
                            <p class="count"></p>
                        </div>
                       <div id="content">
                            <ul>
                                    <a href="javascript:;">
                                        <li>
                                            <img src="./images/count1.jpg" alt="">
                                            <p>小米9 Pro 5G</p>
                                            <p>5G双卡全网通，骁龙855Plus</p>
                                            <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                            <img src="./images/redmi note.jpg" alt="">
                                            <p>Redmi8</p>
                                            <p>5000mAh超长续航</p>
                                            <p>799元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                    <a href="javascript:;">
                                        <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                        </li>
                                    </a>
                                </ul>
                       </div>
                </div>
                <!-- 中间logo部分 -->
                <div class="center_img">
                        <a href="javascript:;">
                            <img src="./images/mi cc9 Pro.jpg" alt="">
                        </a>
                </div>
                <!-- 下面手机部分 -->
                <div class="center_phone">
                    <!-- 标题 -->
                    <div class="phone_title">
                        手机
                    </div>
                    <div class="phone_nav">
                        <div class="phone_img">
                                <img src="./images/mi max alpha.jpg" alt="">
                        </div>
                        <div class="phone_item">
                                <ul>
                                        <a href="javascript:;">
                                            <li>
                                                <img src="./images/count1.jpg" alt="">
                                                <p>小米9 Pro 5G</p>
                                                <p>5G双卡全网通，骁龙855Plus</p>
                                                <p>3699元</p>
                                            </li>
                                        </a>
                                        <a href="javascript:;">
                                            <li>
                                                <img src="./images/redmi note.jpg" alt="">
                                                <p>Redmi8</p>
                                                <p>5000mAh超长续航</p>
                                                <p>799元</p>
                                            </li>
                                        </a>
                                        <a href="javascript:;">
                                            <li>
                                                    <img src="./images/count1.jpg" alt="">
                                                    <p>小米9 Pro 5G</p>
                                                    <p>5G双卡全网通，骁龙855Plus</p>
                                                    <p>3699元</p>
                                            </li>
                                        </a>
                                        <a href="javascript:;">
                                            <li>
                                                    <img src="./images/count1.jpg" alt="">
                                                    <p>小米9 Pro 5G</p>
                                                    <p>5G双卡全网通，骁龙855Plus</p>
                                                    <p>3699元</p>
                                            </li>
                                        </a>
                                        <a href="javascript:;">
                                            <li>
                                                    <img src="./images/count1.jpg" alt="">
                                                    <p>小米9 Pro 5G</p>
                                                    <p>5G双卡全网通，骁龙855Plus</p>
                                                    <p>3699元</p>
                                            </li>
                                        </a>
                                        <a href="javascript:;">
                                            <li>
                                                    <img src="./images/count1.jpg" alt="">
                                                    <p>小米9 Pro 5G</p>
                                                    <p>5G双卡全网通，骁龙855Plus</p>
                                                    <p>3699元</p>
                                            </li>
                                        </a>
                                        <a href="javascript:;">
                                            <li>
                                                    <img src="./images/count1.jpg" alt="">
                                                    <p>小米9 Pro 5G</p>
                                                    <p>5G双卡全网通，骁龙855Plus</p>
                                                    <p>3699元</p>
                                            </li>
                                        </a>
                                        <a href="javascript:;">
                                            <li>
                                                    <img src="./images/count1.jpg" alt="">
                                                    <p>小米9 Pro 5G</p>
                                                    <p>5G双卡全网通，骁龙855Plus</p>
                                                    <p>3699元</p>
                                            </li>
                                        </a>
                                    </ul>
                        </div>
                    </div>
                </div>
            </div>
</div>
            <!-- 版权声明 -->
            <footer>
               <ul>
                   <li><p>帮助中心</p>
                    <a href="javascript:;">账户管理</a>
                    <a href="javascript:;">购物指南</a>
                    <a href="javascript:;">订单操作</a>
                </li>
                   <li><p>服务支持</p>
                    <a href="javascript:;">售后政策</a>
                    <a href="javascript:;">自助服务</a>
                    <a href="javascript:;">相关下载</a>
                </li>
                   <li><p>线下门店</p>
                    <a href="javascript:;">小米之家</a>
                    <a href="javascript:;">服务网点</a>
                    <a href="javascript:;">授权体验店</a>
                </li>
                   <li><p>关于小米</p>
                    <a href="javascript:;">了解小米</a>
                    <a href="javascript:;">加入小米</a>
                    <a href="javascript:;">投资者关系</a>
                </li>
                   <li><p>关注我们</p>
                    <a href="javascript:;">新浪微博</a>
                    <a href="javascript:;">官方微信</a>
                    <a href="javascript:;">联系我们</a>
                </li>
                   <li><p>特色服务</p>
                    <a href="javascript:;">F码通道</a>
                    <a href="javascript:;">礼物码</a>
                    <a href="javascript:;">防伪查询</a>
                </li>
                <li class="telephone_number">
                    <p>400-100-5678</p>
                    <p>周一至周日 8:00-18:00</p>
                    <p>(仅收市话费)</p>
                    <div><img src="./images/profile.png" alt="">人工客服</div>
                </li>
               </ul>
            </footer>
            <div class="foot">
               <nav>
                <div class="mi_icon">
                    <img src="./images/mi.png" alt="">
                   </div>
                   <div class="nav_dh">
                    <a href="javascript:;">小米商城</a>|
                    <a href="javascript:;">MIUI</a>|
                    <a href="javascript:;">米家</a>|
                    <a href="javascript:;">米聊</a>|
                    <a href="javascript:;">游戏</a>|
                    <a href="javascript:;">路由器</a>|
                    <a href="javascript:;">米粉卡</a>|
                    <a href="javascript:;">政企服务</a>|
                    <a href="javascript:;">小米天猫店</a>|
                    <a href="javascript:;">小米集团隐私政策</a>|
                    <a href="javascript:;">小米公司儿童信息保护规则</a>|
                    <a href="javascript:;">小米商城隐私政策</a>|
                    <a href="javascript:;">小米商城用户协议</a>|
                    <a href="javascript:;">问题反馈</a>|
                    <a href="javascript:;">廉政举报</a>|
                    <a href="javascript:;">诚信合规</a>|
                    <a href="javascript:;">Select Location</a>
                    <p>
                        © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号
（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告
增值电信业务许可证  网络食品经营备案（京）【2018】WLSPJYBAHF-12   食品经营许可证
违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                    <!-- 合作商 -->
                    <img src="./images/truste.png" alt="">
                    <img src="./images/v-logo-1.png" alt="">
                    <img src="./images/v-logo-2.png" alt="">
                    <img src="./images/v-logo-3.png" alt="">
                    <img src="./images/cxjy_fxxf.png" alt="">
                   </div>
               </nav>
            </div>
</body>
</html>